<template>
  <div class="iot_right_QRcode">
       <div class="iot_right_QRcode_image">

       </div>
       <p>微信扫码关注<span style="color: #1d9adb;font-size: 30px;margin-top: 10px" class="iot_ fa fa-qrcode"></span></p>
   </div>
</template>

<script>
export default {
   name:'RightQRcode'
}
</script>

<style>
 .iot_right_QRcode{
            width: 40px;
            height: 195px;
            background-color: rgba(240,240,250);
            float: right;
            top: 220px;
            left: 1372px;
            position: fixed;
            z-index: 999;
        }

        .iot_right_QRcode:hover .iot_right_QRcode_image{
            display: block;
        }

        .iot_right_QRcode_image{
            width: 150px;
            height: 150px;
            float: right;
            margin-right: 50px;
            background-image: url("../images/qrcode.png");
            background-size: contain;
            display: none;

        }

        .iot_right_QRcode>p{
            top: 220px;
            left: 1372px;
            position: fixed;
            z-index: 999;
            float: right;
            font-size: 18px;
            margin-top: 20px;
            writing-mode: vertical-lr;
            color: #555555;
        }
</style>